Font Awesomeを常時使えるようにするUserCSS
Font AwesomeをScrapbox本文とページカードで使えるようにするUserCSS
from /Mijinko/Settings#61b36ecf7838e30000702383
Kamon iconsも追加している
Font Awesomeとコードポイントが重複していないアイコンなら表示できる
例：
被っている例：
本来はこう表示される
https://gyazo.com/3e893d517afd393f4fc4f1dbb862cbff
一部のフォントはfont-weight: 400;を設定しないと文字化けするので注意
References
/Mijinko/Font Awesome#61b37a227838e300004bac1c
/scrasobox/Font Awesome のバージョンが変わった#60e46e7996b904000020750a
太字記法[* ]で囲むと直る
使えるフォントの検索はここから
https://fontawesome.com/v5.15/icons?d=gallery&p=9&m=free
アイコン例/Mijinko/Font Awesome#61b374727838e3000039b7f5

2024-02-23 formatted
2026-02-20 --icons変数を参照する形に変更した
cf. 井戸端にダークテーマを導入したい
code:style.css
/* Font Awesomeを常時使えるようにするCSS */
body {
--icons: "Font Awesome 5 Free","Font Awesome 5 Brands","AppIcons";
}
.editor, .grid li, .stream {
font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", var(--icons, "AppIcons"), sans-serif;
/* font-family: "Roboto",Helvetica,Arial,"Hiragino Sans","Font Awesome 5 Free","Font Awesome 5 Brands","AppIcons",sans-serif; */
}
Settings.icon
UserCSS.icon